<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">   
</head>
<body>
    <div class="main">
        <div class="main-bg"></div>
        <div class="login-logo">
            <img src="../img/logo_pc.png">
        </div>
        <div class="login-box">
            <div class="login-box-shadow">
                <div class="title">登录</div>
                <div class="form">
                    <div class="form-tel">
                        <input type="text"id="tel" placeholder="手机/小荟号" autocomplete="off">
                        <div class="txt-box">+86</div>
                        <div class="dropdownbox">
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                            <div class="item">
                                <span class="tet">中国大陆+86</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-pass">
                        <input type="password" id="password" placeholder="密码">
                        <div class="iden">
                            <input type="text" id="identify" placeholder="验证码">
                            <a href="" class="send">发送验证码</a>
                        </div>
                    </div>
                    <div class="form-text">
                        <input type="checkbox"id="auto"><span style="font-size: 14px; margin-right: 36px; margin-left: 5px;">下次自动登录</span>
                        <a href="#" class="useidentfy">使用验证码</a>
                        <a href="#" class="forget" style="float: right;">忘记密码</a>
                    </div>
                    <div class="form-btn">
                        <button class="login-btn">登录</button>
                        <button class="index-btn">注册</button>
                    </div>
                    <div class="form-nav">
                        <a href="" class="QQ"></a>
                        <a href="" class="weibo"></a>
                        <a href="" class="WeChat"></a>
                    </div>
                </div>
            </div>
            <div class="login-box-register">
                <div class="title">手机号注册</div>
                <div class="form">
                    <input type="text" id="phone" placeholder="手机号" autocomplete="off">
                    <input type="text" id="iden" placeholder="验证码">
                    <button class="iden-btn">发送验证码</button>
                    <input type="password" id="pass" placeholder="密码">
                    <div class="reister-ipt">
                        <input type="checkbox"  id="agree">
                        <span class="agree">同意</span>
                        <a href="https://www.hanfuhui.com/copyright?key=hui_agreement" class="user-cor">用户协议</a>
                    </div>
                    <input type="button"  id="next" value="下一步">
                </div>
            </div>
        </div>
        <div class="login-foot">
            <p class="about">
                <a href="https://www.hanfuhui.com/copyright?key=aboutus">关于我们</a>
                <i>|</i>
                <a href="https://www.hanfuhui.com/copyright?key=hui_rule">社会公约</a>
                <i>|</i>
                <a href="https://www.hanfuhui.com/copyright?key=hui_agreement">用户协议</a>
                <i>|</i>
                <a href="https://www.hanfuhui.com/copyright?key=hui_privacy">隐私政策</a>
                <i>|</i>
                <a href="https://www.hanfuhui.com/copyright?key=hui_helper">帮助中心</a>
            </p>
            <p class="copyright">
                <span class="copy">Copyright ©2018   深圳市汉服荟网络科技有限公司 版权所有  </span>
                <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备14046913号-5</a>
            </p>
        </div>
    </div>
    <script src="../js/login.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/api.js"></script>
</body>
</html>